<template>
  <div class="about-view">
    <el-card>
      <template #header>
        <h2>{{ $t('nav.about') }}</h2>
      </template>
      
      <div class="content">
        <p>{{ $t('about.description') }}</p>
      </div>
    </el-card>
  </div>
</template>

<script setup>
</script>

<style scoped>
.about-view {
  max-width: 800px;
  margin: 0 auto;
}

.content h3,
.content h4 {
  margin: 20px 0 10px 0;
  color: #333;
}

.content ul,
.content ol {
  margin: 10px 0;
  padding-left: 30px;
}

.content li {
  margin: 8px 0;
  line-height: 1.6;
}
</style>

